<link href="/assets/css/frontend/screen/styles.css?v={$Think.config.site.version}" type="text/css" rel="stylesheet"/>



<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-12">
            <div class=" panel-default ">
                <div class="panel-body">
                    <!-- 最上层的标题 -->
                    <div style="margin-bottom: 1%">
                        <div class="row">
                            <div class="above_1">
                                    <div class="u24">
                                        北京东方网信科技股份有限公司
                                    </div>
                                    <div class="u25">
                                        <img src="/assets/img/frontend/screen/u5.png" id="u26">
                                    </div>
                                    
                            </div>
                            <div class="above_2">
                                <div id="trapezoid"></div>
                                <div class="u27">天路云</div>
                            </div>
                            <div class="above_3">
                                    <div class="u28">
                                            <img src="/assets/img/frontend/screen/u5.png" id="u30">
                                    </div>
                                    <div class="u29" id="time_span">
                                    </div>
                            </div>
                        </div>
                    </div>

                    <!-- 中间部分 -->
                    <div class="row">
                        <div class="col-md-12">
                            <!-- TOP应用 -->
                            <div class="col-md-3 middle" id="top">
                                
                                    <!-- 这是八个小角角 -->
                                    <img src="/assets/img/frontend/screen/u21.png" id="u1">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u2">
                                    <img src="/assets/img/frontend/screen/u21.png" id="u9">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u10">
                                    <img src="/assets/img/frontend/screen/u21.png" id="u11">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u12">
                                    <img src="/assets/img/frontend/screen/u21.png" id="u7"> 
                                    <img src="/assets/img/frontend/screen/u22.png" id="u8">

                                    <div id="container"></div>
                            </div>

                            <!-- 综合质量 -->
                            <div class="col-md-6 middle">
                                <!-- 这是8个小角角 -->
                                <img src="/assets/img/frontend/screen/u21.png" id="u1">
                                <img src="/assets/img/frontend/screen/u22.png" id="u2">
                               <img src="/assets/img/frontend/screen/u21.png" id="u3">
                                <img src="/assets/img/frontend/screen/u22.png" id="u4">
                                <img src="/assets/img/frontend/screen/u21.png" id="u5">
                                <img src="/assets/img/frontend/screen/u22.png" id="u6">
                                <img src="/assets/img/frontend/screen/u21.png" id="u7"> 
                                <img src="/assets/img/frontend/screen/u22.png" id="u8"> 
                                <!-- 综合质量数据圆形图 -->
                                <div class="average row">
                                    <div class="text"><span>综合质量</span></div>
                                    <div class="map">
                                        <div class="circle">
                                                <div class="chart_1">
                                                    <div class="text_1" id="u38"><span></span></div>
                                                    <div class="text_b"><span>链路质量</span></div>
                                                </div>
                                        </div>
                                    </div>
                                    <div class="map">
                                            <div class="circle">
                                                    <div class="chart_2">
                                                        <div class="text_1" id="u39"><span></span></div>
                                                        <div class="text_b"><span>应用质量</span></div>
                                                    </div>
                                            </div>
                                    </div>
                                    <div class="map">
                                            <div class="circle">
                                                    <div class="chart_3">
                                                        <div class="text_1" id="u40"><span></span></div>
                                                        <div class="text_b"><span>故障日志</span></div>
                                                    </div>
                                            </div>
                                    </div>
                                </div>


                                <div class="averages row">
                                    <div id="containers"></div>
                                </div>
                            </div>

                            <!-- 关键应用质量 -->
                            <div class="col-md-3 middle" id="app">
                                <div style="text-align: center; display: block; margin-top: 5px;"><span>关键应用质量</span></div>
                                <div class="row" id="app_flow">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 底层 -->
                    <div class="row" style="margin-top: 1%">
                        <div class="col-md-12">
                            <!-- 应用质量分数 -->
                            <div class="col-md-4" style="height: 640px">
                                <div class="u31">
                                    应用质量分数
                                    <img src="/assets/img/frontend/screen/u21.png" id="u34">
                                    <img src="/assets/img/frontend/screen/u21.png" id="u35">
                                </div>
                                <div class="col-md-6 u32">
                                    <img src="/assets/img/frontend/screen/u21.png" id="u36">
                                    <div class="app_quality ">
                                        <div id="picture_1" class="u23">
                                        </div>
                                    </div>
                                    <div class="app_quality">
                                        <div id="picture_3" class="u23"></div>
                                    </div>
                                </div>

                                <div class="col-md-6 u33">
                                    <img src="/assets/img/frontend/screen/u21.png" id="u37">
                                    <div class="app_quality">
                                        <div id="picture_2" class="u23"></div>
                                    </div>
                                    
                                    <div class="app_quality">
                                        <div id="picture_4" class="u23"></div>
                                    </div>
                                </div>
                            </div>

                            <!-- 基础链路质量 -->
                            <div class="col-md-8 u18">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u19">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u20">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u21">
                                    <img src="/assets/img/frontend/screen/u22.png" id="u22">
                                    <div id="basedlink"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>











